<label class="devui-radio" [class.active]="radioInput.checked" [class.disabled]="disabled">
  <input #radioInput type="radio" class="devui-radio-input" [disabled]="disabled" [name]="name" [id]="name + '-' + value" [ngModel]="_value" (change)="handleModelChange($event, value)" [value]="value"/>
  <span class="devui-radio-material">
    <svg height="100%" width="100%" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
      <circle class="outer" cx="512" cy="512" r="486.5" stroke-width="51"/>
      <circle class="inner" cx="512" fill-rule="nonzero" cy="512" r="320"/>
    </svg>
  </span>
  <span class="devui-radio-label">
    <ng-content></ng-content>
  </span>
</label>
